body {
    background-color: rgb(226, 179, 212);
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    background-color: rgb(182, 151, 211);
    grid-template-columns: 6rem 1fr;
    gap: 1rem;
    align-items: center;
  

}

.logo {
    padding-inline-start: 1rem;

}

h1 {
    background-color: rgb(255, 238, 205);
    border-style: groove ;
    font-size: medium;

}

.subtitulo {
    display: flex;
    justify-content: stretch;
    padding-inline-start: 6rem;
    font-size: larger;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border-style: hidden;
    background-color: rgb(216, 139, 226);

}

.nombre {
   
    shape-image-threshold: calc(30rem);
    margin-bottom: 3rem;
    background-color: rgba(165, 91, 147, 0.747);
    display: grid;
    grid-column: auto;
    margin: 2rem;
    align-items: end;
    border-color: black;
    border-style: ridge;
    padding: 3rem;
}

   

header nav ul {
    display: grid 

}

img {
    max-width: 15rem;
    margin-block-start: 2rem;
    display: grid
}


.compas {
    text-decoration:none;
    color:rgb(223, 67, 132);
    padding: 50px;
    display: block;
    align-items: center;
    background-color: rgb(223, 118, 170);
    border-radius: 10px;
    border-color: antiquewhite;
    border-style: ridge;
    text-align: center;
    font-size: .85em;
    padding-block: .125em .25em;
    padding-inline: 2em .75em;
    padding-bottom: 2rem;
    
}


.boton {
    text-decoration:none;
    color:rgb(212, 126, 162);
    padding: 50px;
    display: flex;
    background-color: rgb(240, 198, 226);
    border: 2px solid rgb(109, 8, 84);
    text-align: center;
    font-size: .85em;
    padding-block: .125em .25em;
    padding-inline: 1em .75em;
    justify-content: space-evenly;

}

#logo {
    width: 20rem;
    margin-block: 2rem;

}

footer {
    margin-block-start: 5rem;
    background-color: rgb(172, 136, 206);
}